<!--
 * @Description:
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-10 11:59:50
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>网站管理-社交链接</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
<div class="wrap-box wrap-webmg">
    <p class="title-h1">基础设置</p>
    <form class="content-box ajax-form" onsubmit="return false;">
        <ul class="inside-page-top-exchange">
            <li><a href="./web-manage-base-info.html">基础信息</a></li>
            <li><a href="./web-manage-base-seo.html">SEO优化</a></li>
            <li><a href="./web-manage-base-contact.html">联系方式</a></li>
            <li class="active"><a href="./web-manage-base-social-link.html">社交链接</a></li>
            <div class="clear"></div>
        </ul>
        <div class="content-scroll-box content-scroll-box1 nano">
            <div class="content-scroll nano-content">
                <div class="item-box no-pdt">
                    <p class="item-title"><img src="./images/facebook_link.png"/>Facebook</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的Facebook链接"
                                   maxlength="200"
                                   data-lengthText="Facebook链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/twitter_link.png"/>Twitter</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的Twitter链接"
                                   maxlength="200"
                                   data-lengthText="Twitter链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/pinterest_link.png"/>Pinterest</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的Pinterest链接"
                                   maxlength="200"
                                   data-lengthText="Pinterest链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/youtube_link.png"/>YouTube</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的YouTube链接"
                                   maxlength="200"
                                   data-lengthText="YouTube链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/vk_link.png"/>VK</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的VK链接"
                                   maxlength="200"
                                   data-lengthText="VK链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/instagram_link.png"/>Instagram</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的Instagram链接"
                                   maxlength="200"
                                   data-lengthText="Instagram链接不能超过200字符"/>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title"><img src="./images/linkedin_link.png"/>Linkedin</p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name="[]"
                                   data-url="请输入符合要求的Linkedin链接"
                                   maxlength="200"
                                   data-lengthText="Linkedin链接不能超过200字符"/>
                        </p>
                    </div>
                </div>


                <div class="remarks">
                    <span>备注:</span>
                    <span>1、请填写自己公司的社交平台的网址</span>
                    <br/>
                    <span>2、填写网址后，首页将显示这个社交平台的图标</span>
                    <br/>
                    <span>2、点击图标，将新开窗口，打开您添加的网址。</span>
                </div>
            </div>
        </div>

        <div class="bottom-btn">
            <button class="layui-btn ajax-form-commit">保存</button>
            <button class="layui-btn layui-btn-primary-blue ajax-btn-translate">翻译</button>
        </div>
    </form>
</div>

<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.nanoscroller.js"></script>
<script src="./js/check.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form-commit.js"></script>

</body>

</html>